<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style type="text/css">
*{
    margin: 0px;
    padding: 0;
}
        .a1{
            border: 2px solid red;
            background: #F5F9FC;
            width: 250px;
        }
li{
    background-image: url("图片素材/submenu.gif");
    /*background-size: cover;*/
    background-position: right center;
    height: 28px;
    width: 200px;
    list-style-type:none;
    margin-left: 0px;
    margin-bottom: 5px;
    text-align: left;
    padding-left: 5px;
    border-top: 1px solid #6699ff;

}

        li.a2{
           background: #F5F9FC;
            color: #003580;
        }

    </style>
</head>
<body>
<div class="a1">
    <ul>
        <li class="a2"> <img src="图片素材/title_icon.gif">课程导航</li>
        <li>ACCP 软件工程师 </li>
        <li>BTEST 软件测试工程师</li>
        <li>BENET 网络工程师</li>
        <li>JBNS 网站工程师</li>
        <li>ACCP 启蒙星</li>
        <li>ANDROID 软件工程师</li>
        <li>JAVA 软件工程师</li>
        <li>.NET 软件工程师</li>
        <li>网络营销</li>
    </ul>

</div>
</body>
</html>